<!DOCTYPE html>
<html lang="zh">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>登录 - 端侧边缘侧融合的视觉智能推理引擎平台</title>
    <link rel="stylesheet" href="/static/css/login.css">
</head>

<body>
    <div class="video-background">
        <video autoplay muted loop>
            <source src="/static/media/background.mp4" type="video/mp4">
        </video>
        <div class="video-overlay"></div>
    </div>
    
    <div class="login-container">
        <div class="login-content">
            <h1>端侧边缘侧融合的视觉智能推理引擎平台</h1>
            <form id="loginForm" onsubmit="return handleLogin(event)" autocomplete="off">
                <div class="form-group">

                    <label for="username">用户名</label>
                    <input type="text" 
                           id="username" 
                           name="username" 
                           placeholder="请输入用户名" 
                           autocomplete="off"
                           autocapitalize="off"
                           spellcheck="false"
                           value="" 
                           required>
                </div>
                <div class="form-group">
                    <label for="password">密码</label>
                    <input type="password" 
                           id="password" 
                           name="password" 
                           placeholder="请输入密码" 
                           autocomplete="off"
                           value="" 
                           required>
                </div>
                <button type="submit">登录</button>
                <div id="errorMessage" class="error-message"></div>
            </form>
        </div>
    </div>
    <script src="/static/js/login.js"></script>
</body>
</html> 